<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            list-style: none;
        }
    </style>
</head>

<body>
    <div class="nav">
        <a href="#/home">视频</a>
        <a href="#/service">直播</a>
    </div>

    <div class="concent">

    </div>
</body>

</html>
<script>

    window.onhashchange = function () {
        switch (location.hash) {
            case '#/home': home_page(); break;
            case '#/service': service_page(); break;
        }
    }

    function home_page() {
        document.querySelector('.concent').innerHTML =
            `<ul>
            <li>恋情曝光？李小璐带小鲜肉路旁摆拍</li>
            <li>陈萌晒孕肚破离婚传闻，炫耀小伟买...</li>
            <li>赵本山徒弟的片酬，小沈阳片酬一年...</li>
            <li>老公比自己大的女明星，刘诗诗王艳...</li>
            <li>“十亿富婆”李冰冰，3000万豪...</li>
            <li>被老外退货的8位女星，宁静遭家暴...</li>
        </ul>`
    }
    function service_page() {
        document.querySelector('.concent').innerHTML =
            `<ul>
            <li>直播|双11全球快递“云监工”，...</li>
            <li>慢直播|邂逅绝美云海日出',</li>
            <li>慢直播|天舟五号已到位，将于近日...</li>
            <li>慢直播|济南趵突泉————天下第一泉</li>
            <li>直播|立冬拥抱暖阳</li>
            <li>慢直播：邂逅绝美云海日出</li>
        </ul>`
    }
</script>